.barra-baixa{
    width: 97%;
    height: 8vh;
    display: none;
    justify-content: space-between;
    align-items: center;
    position: sticky;
    padding: 10px;
    bottom: 0;
    left: 0;
    margin-right: 1rem;
    background-color: var(--barra-inferior-bg);
    border-top: 1px solid var(--barra-inferior-border);
    /* box-shadow: 0px -5px 5px rgba(0,0,0,0.3); */
    z-index: 5000; 
}
.div-barra{
    display: flex; 
    gap: 10px;
}
.btn-barra{
    height: 2.5em;
    width: 6rem;
    padding: 10px;
    border-radius: 5px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 15px;
}
.vermelho {
    background-color: var(--btn-red-bg);
    color: var(--modal-content-bg);
}
.vermelho:hover{
    background-color: var(--btn-red-hover);
}
.padrao {
    background-color: var(--btn-padrao-bg);
    color: var(--btn-padrao-font);
}
.padrao:hover{
    background-color: var(--btn-padrao-bg-hover);
}
.verde {
    /* background-color: rgb(100, 194, 206); */
    background-color: var(--btn-verde-bg);
    color: var(--btn-font);
}
.verde:hover{
    /* background-color: rgb(46, 165, 180); */
    background-color: var(--btn-verde-hover);
}